<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">

		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

		<title>index</title>
		<meta name="description" content="">
		<meta name="author" content="wanglan">

		<meta name="viewport" content="width=device-width; initial-scale=1.0">

		<!-- Replace favicon.ico & apple-touch-icon.png in the root of your domain and delete these references -->
		<link rel="shortcut icon" href="/favicon.ico">
		<link rel="apple-touch-icon" href="/apple-touch-icon.png">
		<link rel="stylesheet" href="css/animation.css" />
		<link rel="stylesheet" href="css/index.css" />
	</head>

	<body>
		<audio src="music/One Direction - What Makes You Beautiful.mp3" autoplay="autoplay"></audio>
		<div id="pageContain" class="page-wrap con">
			<div class="page page1 current">
				<div class="contain">
					<!-- <div class="show yinc">
						<img src="img/show.png" />
					</div>
					<div class="show">
						<img src="img/show0.png" />
					</div>
					<div class="deng">
						<img src="img/deng.png" />
					</div> -->
					<div class="show">
						<img src="img/tu.png" />
					</div>
					<div class="show1">
						<img src="img/show2.png" />
					</div>
				</div>
			</div>

			<div class="page page2 ">
				<div class="contain">
					<div class="p2_t">
						<img src="img/p2_t.png" />
					</div>

				</div>
			</div>

			<div class="page page3">
				<div class="contain">
					<div class="p3_t">
						<img src="img/p3_t.png" />
					</div>
				</div>
			</div>

			<div class="page page4">
				<div class="contain">
					<div class="p4_text">
						<img src="img/p4_t.png" />
					</div>
					<div class="p4_text p4_bee">
						<img src="img/p4_bee.png" />
					</div>
				</div>
			</div>
			<div class="page page5">
				<div class="contain">
					<div class="p5_1"></div>
					<div class="p5_2"></div>
					<div class="p5_3"></div>
					<div class="p5_4"></div>
					<div class="p5_deng p5_dh">
						<img src="img/p5_deng.png" />
					</div>
				</div>
			</div>
			<div class="page page6">
				<div class="contain">
					<div class="p6_1"></div>
					<div class="p6_2"></div>
					<div class="p6_3"></div>
					<div class="p6_4"></div>
					<div class="p5_deng p5_dh">
						<img src="img/p5_deng.png" />
					</div>
				</div>
			</div>
			<div class="page page7">
				<div class="contain">
					<div class="p7_text">
						<img src="img/p7_text.png" />
					</div>
					<div class="p7_textc">
						<img src="img/p7_textc.png" />
					</div>
					<div class="p7_www">
							<img src="img/p7_www.png" />
					</div>
				</div>
			</div>
			<div class="page page8">
				
			</div>
		</div>
		<script src="js/fullPage.min.js"></script>
		<script type="text/javascript">
		
			runPage = new FullPage({

				id : 'pageContain', // id of contain
				slideTime : 1000, // time of slide，每页切换时间，单位毫秒
				continuous : true, // create an infinite feel with no endpoints，是否循环(即能从最后页跳到第一页面)，取值true or false
				effect : {// slide effect，页面切换效果参数
					transform : {
						translate : 'Y', // 'X'|'Y'|'XY'|'none'，切换方向
						scale : [.1, 1], // [scalefrom, scaleto]，缩放[起始缩放比例, 结束时缩放比例]
						rotate : [0, 0] // [rotatefrom, rotateto]，旋转[起始旋转角度, 结束时旋转角度]
					},
					opacity : [0, 1] // [opacityfrom, opacityto],透明度[起始透明度, 结束时透明度]
				},
				mode : 'wheel,touch', // mode of fullpage,转换模式 'wheel,touch,nav:navBar' 表示 '滚轮,触摸,导航条:导航条id'
				easing : 'ease-in',                                // easing('ease','ease-in','ease-in-out' or use cubic-bezier like [.33, 1.81, 1, 1] )
				// callback : function(index, thisPage) {   //滑动结束后的回调函数

				//     index = index + 1 > 3 ? 0 : index + 1;
				//     autoPlay(index);
				// }
			});
		</script>
	</body>
</html>
